<template>
  <div class="search-wrap">
      <input type="text" placeholder="在此输入您要搜索的内容">
  </div>
</template>
<script>

export default {
  name: 'searchInput',
  components:{

  },
  // props:,
  data () {
    return {
      
      }
  },
  methods:{
    
  }
}
</script>
<style lang='scss'>
  .search-wrap{
    width:80%;
    height: 60px;
    border-radius: 30px;
    border:1px solid #ccc;
    display: flex;
    flex-flow:row nowrap;
    justify-content: center;
    background-color: #fff;
    input{
      height:100%;
    }
  }
</style>